.l-context {
    width: 100%;
    height: 100%;
    background: #f0eff4;
}
.red-head {
    width: 100%;
    background: #ec3440;
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.fa-angle-left {
    font-size: 20px;
    color: white;
}
.match {
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    color: white;
}
.photo1 {
    width: 100%;
    height: 100%;
}
.matter {
    width: 100%;
    height: 100%;
    background: white;
    padding: 28px;
}
.heading {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
.time {
    font-size: 12px;
    color: #cacaca;
    margin: 20px;
}
.article {
    font-size: 13px;
    font-weight: 600;
    color: #5f5f5f;
}
.photo-top {
    position: fixed;
    left: 302px;
    top: 588px;
}
.photo-top img {
    width: 50%;
    height: 50%;
    display: none;
}
